<script type="text/javascript" src="__PUBLIC__/js/jquery/lin_calendar.js"></script>
                        	<div class="jqueryTitle mt5">
                            	<span>实现原理</span>
                            </div>
                            <div class="p15">
                            	日历插件最主要的就是日历的生成算法，这个插件的算法是我从别人那COPY过来的，所以插件是伪原创；具体的算法你可以研究源代码或者百度日历算法，只要日历生成后就可以任你摆布！呵呵！哈哈！
                            </div>
                            
                        	<div class="jqueryTitle mt5">
                            	<span>相关参数</span>
                            </div>
                            <div class="p15">
                            	<table cellpadding="0" cellspacing="0" class="jqueryAttr">
                                	<thead>
                                    	<tr>
                                        	<th>参数名</th>
                                            <th>参数说明</th>
                                        </tr>
                                    </thead>
                                    <tbody>
		<tr>
        	<td>id</td>
            <td>日历ID,默认自动生成</td>
        </tr>
        <tr>
        	<td>insertPosition</td>
            <td>日历插入指定位置,默认body</td>
        </tr>
        <tr>
        	<td>showBtn</td>
            <td>是否显示功能按钮,默认true</td>
        </tr>
        <tr>
        	<td>holiday</td>
            <td>是否特殊显示节假日,默认true</td>
        </tr>
        <tr>
        	<td>count</td>
            <td>日历显示个数,1</td>
        </tr>
        <tr>
        	<td>year</td>
            <td>指定年份,默认当前年份</td>
        </tr>
        <tr>
        	<td>month</td>
            <td>指定月份,默认当前月份</td>
        </tr>
        <tr>
        	<td>selectDay</td>
            <td>选择的日期,默认当日</td>
        </tr>
        <tr>
        	<td>onToday</td>
            <td>当前回调函数</td>
        </tr>
        <tr>
        	<td>onComplete</td>
            <td>日历加载完毕回调函数</td>
        </tr>
        <tr>
        	<td>onSelectDay</td>
            <td>选择日期回调函数,参数obj对象:data-week星期几 data-date日期有个属性</td>
        </tr>                                         
        </tbody>
</table>
                            </div> 
                            <div class="jqueryTitle mt5">
                            	<span>演示效果</span>
                            </div>
                            <div class="p15">
                            	<p class="pt15">前期准备：头部加入jquery-1.7.2.min.js;lin_calendar.js文件</p>
                            	<div class="pt15"><strong>效果</strong></div>
                                <p>CSS</p>
                                <pre>.lin_calendar{position:relative;float:left;border:1px solid;border-color:#85BEE5 #3485C0 #3485C0 #85BEE5;padding:0 30px 15px;background:#FFF;}
.lin_calendar_container{float:left;margin:10px 10px 0;}
.lin_calendar dl{width:183px;color:#404040;font:12px/22px Tahoma;margin:10px 10px 0;}
.lin_calendar dl,.lin_calendar dt,.lin_calendar dd{text-align:center;margin:0;padding:0;}
.lin_calendar dt{float:left;width:25px;height:22px;margin-left:1px;}
.lin_calendar dt.date{width:100%;font-weight:700;border-bottom:1px solid #E4E4E4;margin:0;}
.lin_calendar dd{clear:both;width:183px;height:139px;font-weight:700;background:url(veryhuo_rili_bg.png) no-repeat;}
.lin_calendar dd a,.lin_calendar dd a span{float:left;width:25px;height:22px;color:#404040;overflow:hidden;text-decoration:none;background-image:url(special-day.png);background-position:-999px -999px;background-repeat:no-repeat;margin:1px 0 0 1px;outline:none;}
.lin_calendar dd a:hover,.lin_calendar dd a.selected{color:#FFF;background-color:#5792DC;}
.lin_calendar dd a.disabled,.lin_calendar dd a.disabled:hover{color:#DCDCDC;cursor:default;background-color:transparent;}
.lin_calendar dd a span{display:block;width:25px;height:22px;margin:0;cursor:pointer;}
.lin_calendar_prev,.lin_calendar_next,.lin_calendar_close{position:absolute;cursor:pointer;overflow:hidden;text-indent:-9999px;background:url(veryhuo_rili_ico.png) no-repeat;}
.lin_calendar_prev,.lin_calendar_next{top:50%;width:20px;height:38px;margin-top:-19px;}
.lin_calendar_prev{left:10px;background-position:0 -25px;}
.lin_calendar_next{right:10px;background-position:-20px -25px;}
.lin_calendar_close{top:8px;right:8px;width:17px;height:17px;background-position:-40px -25px;}
.lin_calendar dd a.yuandan,
.lin_calendar dd a.chuxi,
.lin_calendar dd a.chunjie,
.lin_calendar dd a.yuanxiao,
.lin_calendar dd a.qingming,
.lin_calendar dd a.wuyi,
.lin_calendar dd a.duanwu,
.lin_calendar dd a.zhongqiu,
.lin_calendar dd a.guoqing,
.lin_calendar dd a.today,
.lin_calendar dd a.order
{text-indent:-999px;}
.lin_calendar dd a.yuandan{background-position:0 0;}
.lin_calendar dd a.chuxi{background-position:0 -30px;}
.lin_calendar dd a.chunjie{background-position:0 -60px;}
.lin_calendar dd a.yuanxiao{background-position:0 -90px;}
.lin_calendar dd a.qingming{background-position:0 -120px;}
.lin_calendar dd a.wuyi{background-position:0 -150px;}
.lin_calendar dd a.duanwu{background-position:0 -180px;}
.lin_calendar dd a.zhongqiu{background-position:0 -210px;}
.lin_calendar dd a.guoqing{background-position:0 -240px;}
.lin_calendar dd a.today{background-position:0 -270px;}
.lin_calendar dd a.order{background-position:0 -300px;}
.lin_calendar dd a.yuandan:hover, .lin_calendar dd a.yuandan .selected{background-position:-31px 0;}
.lin_calendar dd a.chuxi:hover, .lin_calendar dd a.chuxi .selected{background-position:-31px -30px;}
.lin_calendar dd a.chunjie:hover, .lin_calendar dd a.chunjie .selected{background-position:-31px -60px;}
.lin_calendar dd a.yuanxiao:hover, .lin_calendar dd a.yuanxiao .selected{background-position:-31px -90px;}
.lin_calendar dd a.qingming:hover, .lin_calendar dd a.qingming .selected{background-position:-31px -120px;}
.lin_calendar dd a.wuyi:hover, .lin_calendar dd a.wuyi .selected{background-position:-31px -150px;}
.lin_calendar dd a.duanwu:hover, .lin_calendar dd a.duanwu .selected{background-position:-31px -180px;}
.lin_calendar dd a.zhongqiu:hover, .lin_calendar dd a.zhongqiu .selected{background-position:-31px -210px;}
.lin_calendar dd a.guoqing:hover, .lin_calendar dd a.guoqing .selected{background-position:-31px -240px;}
.lin_calendar dd a.today:hover, .lin_calendar dd a.today .selected{background-position:-31px -270px;}
.lin_calendar dd a.order:hover, .lin_calendar dd a.order .selected{background-position:-31px -300px;}</pre>
                                <p>js</p>
                                <pre>lin_calendar.init({
count:2,//显示日历个数
showBtn: true,	//显示功能按钮
insertPosition: "#calendar",	//将日历插入到id为calendar元素前, 如果设置此项, 默认插入BODY
onSelectDay:fnSelectDay,
orders:["2013-07-03","2013-07-12"]
});
lin_calendar.create();
//obj属性,data-week星期几 data-date日期
function fnSelectDay(obj)
{
alert(obj['data-date']+'|'+obj['data-week']);
}
$('.show').click(function(){
lin_calendar.show();
});</pre>
            
        <div> 
        	<a href="javascript:void(0);" class="show">显示日历</a>
            <div id="calendar"></div>             
         </div> 
                                                                                                        
                                
                            </div>  

                            <div class="clearfix pt40 pb40"  style="margin-top:200px;">
                            	<a href="http://url.cn/LSwF2k" title="《{$data.title}》源代码下载" class="jqueryDown" rel="nofollow" target="_blank">《{$data.title}》源代码下载</a>
                            </div>   
                        
 
 <script type="text/javascript">
 $(function(){
			lin_calendar.init({
				count:2,					//显示日历个数
				showBtn: true,				//显示功能按钮
				insertPosition: "#calendar",	//将日历插入到id为copyright元素前, 如果设置此项, 默认插入BODY
				onSelectDay:fnSelectDay,
				orders:["2013-07-03","2013-07-12"]
			});
			lin_calendar.create();
			
			//obj属性,data-week星期几 data-date日期
			function fnSelectDay(obj)
			{
				alert(obj['data-date']+'|'+obj['data-week']);
			}
			$('.show').click(function(){
				lin_calendar.show();
			});
	});
 </script>   
